<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title>账户概览</title>
		<link rel="stylesheet" type="text/css" href="css/bootstrap.css"/>
		<link rel="stylesheet" href="css/main.css" />
		<script type="text/javascript" src="js/jquery.min.js" ></script>
		<script type="text/javascript" src="js/bootstrap.js" ></script>
	</head>
	<body style="background: #f7f8fc;">
		
		<!--头部导航-->
		<div class="header clearfix">
			<div class="logo pull-left"><img src="images/common/logo.png" /></div>
			<div class="navbar pull-right">
				<ul class="nav-list pull-left">
					<li><a href="#" >首页</a></li>
					<li><a href="#" >投资</a></li>
					<li><a href="#" >融资</a></li>
					<li>
						<a href="#" >关于喜蚨   <span class="dropdown"></span> </a>
						
						<ol class="subnavlist">
							<li><a href="#">关于我们</a> </li>
							<li><a href="#">关于我们</a> </li>
						</ol>
						
					</li>
					<li><a href="#" >安全保障</a></li>
				</ul>
				
				<div class="login pull-right"  style="display: none;">
					<a href="#">登录 <i class="glyphicon glyphicon-triangle-right" ></i> </a>
					<a href="#">注册 <i class="glyphicon glyphicon-triangle-right" ></i></a>
				</div>
				<div class="login pull-right" >
					<a href="#" class="myaccount" > <i class="userimg"><img src="images/tmp/img1.png"> </i> 我的账户 > </a>
					<a href="#">退出</a>
				</div>
			</div>
		</div>
		<div class="h510"></div>
		<div class="banner4">
			<div class="accountnav">
				 <ul>
				 	<li class="active"><a href="#">账户总览</a> </li>
				 	<li><a href="#">预约记录</a></li>
				 	<li><a href="#">消息中心</a></li>
				 	<li><a href="#">邀请好友</a></li>
				 	<li><a href="#">账户设置</a></li>
				 </ul>
			</div>
			<div class="w1170">
				<div class="userinfo">
					<div class="w800 pull-left">
						<h2>xifu</h2>
						
						<div class="username">
							<div><i class="usernameimg" ><img src="images/tmp/img8.jpg" ></i> 您好，xifu130251602</div>
							<ul class="accountinfolist">
								<li><a href="#" class="icon icon1" ></a></li>
								<li><a href="#" class="icon icon2"></a></li>
								<li><a href="#" class="icon icon3"></a></li>
							</ul>
						</div>
						<div class="investmentinfo">
							<p><i class="icon icon4"></i>在投金额 <strong>6,256.00</strong>元  </p>
							<p><i class="icon icon5"></i>在投项目 <strong>13</strong>个</p>
						</div>
					</div>
					<div class="pull-right timerecord">
						<span class="logo"></span>
						<!--<p class="time" >25th  May, 2019</p>-->
						<p class="">上次登录时间：2019-4-18 18:20</p>
					</div>
				</div>
				<p class="warning">喜蚨网为您量身打造了风险承受能力评估体系，以获得最佳的投资体验！ <a href="#">立即评估</a> </p>
				
			</div>
		</div>
		<div class="ad">
			<img src="images/img5.jpg">
		</div>
		<!--推荐项目-->
		<div class="w1170">
		   <div class="recommend pt20">
		   		<h2><i class="icon"></i>推荐项目</h2>
		   		<table class="account-table" >
		   			<tbody>
		   				<tr>
		   					<th width="15%" >项目名称</th>
		   					<th width="15%" >投资期限</th>
		   					<th width="15%" >项目类型</th>
		   					<th width="15%" >起投金额（元）</th>
		   					<th width="15%" >进度</th>
		   					<th width="15%" >操作</th>
		   				</tr>
		   				<tr>
		   					<td>千岛湖佰澜度假酒店</td>
		   					<td>3个月</td>
		   					<td>企业贷</td>
		   					<td>50,000</td>
		   					<td>
		   						<span class="smalljindu">
		   							<div style="width:80.00%"></div>
		   						</span>
		   						70%
		   					</td>
		   					<td><a href="#" class="join-btn" >立即加入</a> </td>
		   				</tr>
		   				<tr>
		   					<td>千岛湖佰澜度假酒店</td>
		   					<td>3个月</td>
		   					<td>企业贷</td>
		   					<td>50,000</td>
		   					<td>
		   						<span class="smalljindu">
		   							<div style="width:80.00%"></div>
		   						</span>
		   						70%
		   					</td>
		   					<td><a href="#" class="join-btn" >立即加入</a> </td>
		   				</tr>
		   				<tr>
		   					<td>千岛湖佰澜度假酒店</td>
		   					<td>3个月</td>
		   					<td>企业贷</td>
		   					<td>50,000</td>
		   					<td>
		   						<span class="smalljindu">
		   							<div style="width:80.00%"></div>
		   						</span>
		   						70%
		   					</td>
		   					<td><a href="#" class="join-btn" >立即加入</a> </td>
		   				</tr>
		   			</tbody>
		   		</table>
		   		<a href="#" class="morebtn" >更多优选项目</a>
		   </div>
			
			
		</div><!--w1170-->
		
		<div class="c272727 mt40">
			<div class="w1300">
				<div class="footer">
					<div class="footer-nav clearfix">
						
						<ul class="footernavlist">
							<div class="bottomline"></div>
							<li> <a href="#">首页 </a>  </li>
							<li><a href="#">投资 </a></li>
							<li><a href="#">融资  </a></li>
							<li><a href="#">喜蚨动态 </a></li>
							<li><a href="#">关于我们 </a></li>
							<li><a href="#">帮助中心 </a></li>
							<li><a href="#">加入我们 </a></li>
							<li><a href="#">风险揭示 </a></li>
						</ul>
						<ul class="contact-list">
							<div class="bottomline"></div>
							<li><a href="#">联系我们</a> </li>
						</ul>
					</div>
					<div class="net-police">
						<ul class="policelist">
							<li><a href="#"><img src="images/common/img3.png" /></a></li>
							<li><a href="#"><img src="images/common/img4.png" /></a></li>
							<li><a href="#"><img src="images/common/img5.png" /></a></li>
							
						</ul>
						<p> ©2014喜蚨投资  豫ICP备15000769号-1  豫公网安备 41030502000166号</p>
						<p><label class="tel">400-8162-262</label><label class="qq">2858745435</label></p>
						
					</div>
				</div>
			</div>
		</div>
	</body>
</html>
